Prefer object syntax for useQuery

---

您可以以两种不同的方式使用 useQuery。

标准方式：

useQuery(queryKey, queryFn?, options?)

// 或者

useQuery(options)

此规则更喜欢第二个选项，因为它更符合其他 React Query 钩子的一致性，如 useQueries。在未来的主要版本中，这也将是唯一可用的选项。

规则详情

以下是此规则不正确的代码示例：

/* eslint "@tanstack/query/prefer-query-object-syntax": "error" */

import { useQuery } from '@tanstack/react-query';

useQuery(queryKey, queryFn, {
  onSuccess,
});

useQuery(queryKey, {
  queryFn,
  onSuccess,
});
``
以下是此规则正确的代码示例：

```js
import { useQuery } from '@tanstack/react-query';

useQuery({
  queryKey,
  queryFn,
  onSuccess,
});

什么时候不使用该规则

如果您不关心 useQuery 的一致性，则不需要使用此规则。

属性

• ✅ 推荐
• 🔧 可修复

Credits

此规则最初由 eslint-plugin-react-query 的 KubaJastrz 开发。